<template>
	<view>
		<image src="../../static/images/fxs.png" mode=""></image>
		<u-divider text="申请成为分销商"></u-divider>
		<u--form labelPosition="left" :model="model1" :rules="rules" ref="form1">
			<u-form-item label="姓名" prop="name" borderBottom>
				<u--input v-model="model1.name" border="none"></u--input>
			</u-form-item>
					<u-button text="成功按钮" size="normal" type="success" @click="sexSelect"></u-button>
		</u--form>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				model1: {},
				rules: {
					name: [{
						required: true,
						message: "请填写姓名",
						trigger: ['blur', 'change']
					}]
				}


			}
		},
		methods: {
			sexSelect(e) {
				this.model1.sex = e.name
				this.$refs.form1.validateField('userInfo.sex')
			},
		}
	}
</script>

<style>
	page {
		background-color: #FFFFFF;
	}

	image {
		width: 100%;
	}
</style>
